<template>


  <router-view/>


</template>

<script>



import axios from "axios";
// import "https://cdn.jsdelivr.net/semantic-ui/2.2.4/semantic.min.js";

export default {
  computed: {
    http(){
      axios.get('http://localhost:8080/data.json').then((res)=>{
        console.log(res)
      })
    }
  }
}
</script>


<style lang="less">

@import "assets/css/me.css";
@import "https://cdn.jsdelivr.net/semantic-ui/2.2.4/semantic.min.css";
@import "assets/css/typo.css";
@import "assets/css/animate.css";
@import "assets/lib/prism/prism.css";
@import "assets/lib/tocbot/tocbot.css";




//<script src="https://cdn.jsdelivr.net/npm/jquery@3.2/dist/jquery.min.js"></script>
//<script src="https://cdn.jsdelivr.net/semantic-ui/2.2.4/semantic.min.js"></script>
//<script src="../../static/lib/editormd/editormd.min.js" th:src="@{/lib/editormd/editormd.min.js}"></script>

.search{
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  margin-bottom: auto;
}

input{
  border-radius: 5px;
}

#header{
  border-radius: 5px;
}

#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
}

nav {
  padding: 30px;

  a {
    font-weight: bold;
    font-size: 20px;
    color: white;
    text-align: center;
    width: 15%;
    height: 60px;
    line-height: 60px;
  }

  .m-mobile-hide {
    display: none !important;
  }
  .m-mobile-show {
    display: block !important;
  }
  .m-padded-lr-responsive {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .m-mobile-lr-clear {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .m-mobile-wide {
    width: 100% !important;
  }
}
</style>
